<!DOCTYPE html>
<!-- saved from url=(0038)http://www.mmb.cn/wap/touch/catalog.do -->
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    
    <title>全部分类</title>    
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
    <meta name="format-detection" content="telephone=no">
    <meta name="keywords" content="分类导航">
    <meta name="description" content="全部分类">
    <script type="text/javascript" src="jss/jquery-1.7.2.min.js"></script>
    <script type="text/javascript" src="jss/iscroll.js"></script>
 
	
	   <link rel="stylesheet" type="text/css" href="csss/common.css">
	
    <link rel="stylesheet" type="text/css" href="csss/catalog.css">
    <link rel="stylesheet" type="text/css" href="csss/seacher.css">
    <link rel="stylesheet" href="style1.css" />
    <script type="text/javascript" src="jss/jquery.lazyload.min.js"></script>
    <script type="text/javascript" src="jss/sers.js"></script>
    <script type="text/javascript">
    var myScroll,myScrollri;
    var $ulLeft;var cataId = 0;
    
    function pullUpAction () {
        setTimeout(function () {
            myScrollri.refresh();
        }, 500);
    }
    
    function init_left_li(){
        var total_hei = $ulLeft.height();//总高度
        var li_height = $ulLeft.find("li").height();//单个li高度
        var li_num = $ulLeft.find("li").length;//个数
        console.log($ulLeft.find(".off").offset().top);
    }
    /**
     * 初始化iScroll控件
     */
    function loaded() {
        $ulLeft = $("#con_left");
        myScroll = new IScroll("#con_left",{
            mouseWheel: true,
            click: true,
            preventDefault: false,
            preventDefaultException: { tagName: /^(INPUT|TEXTAREA|BUTTON|SELECT|A)$/ }
        })
        myScrollri = new IScroll("#con_right",{
            mouseWheel: true, click: true
        })
        myScrollri.on("scrollStart",function(){
            pullUpAction();
        });
        myScrollri.on("scroll",function(){
            pullUpAction();
        });
        myScrollri.on("scrollEnd",function(){
            $('.fr_ite_'+cataId).find("img").lazyload({
               threshold: 200
            }).on('load', function() {
                 pullUpAction();
            });
        });
        $('.job_sub li').eq(0).click();
    }
    //初始化绑定iScroll控件 
    document.addEventListener('touchmove', function (e) { e.preventDefault(); }, false);
    document.addEventListener('DOMContentLoaded', loaded, false);
    
   /* 切换内容*/
   $(function(){
    $('.job_sub li').click(function(){
        $(this).addClass('off').siblings().removeClass('off');
        var str = "#con_left li:nth-child("+($(this).index()+1)+")";
        setTimeout(function () {
            myScroll.scrollToElement(document.querySelector(str));
        }, 300);
        cataId = $(this).attr("data-cataId");
        $('.fr_ite_'+$(this).attr("data-cataId")).removeClass('disp').siblings().addClass('disp');
        /* $('.fr_ite_'+$(this).attr("data-cataId")).find("img").lazyload({effect: "fadeIn"}); */
        pullUpAction();
        myScrollri.scrollTo(0,0,100, IScroll.utils.ease.elastic);
        /* myScrollri = new IScroll("#con_right",{
            mouseWheel: true, click: true
        }) */
    });
    $(".fr_ite ul").each(function(){
        if($(this).find("li").length == 1){
            $(this).addClass("left_num1");
        }else if($(this).find("li").length == 2){
            $(this).addClass("left_num2");
        }
    })
    $(".img_lazy").lazyload({effect: "fadeIn"});
   });
   
   /*隐藏浏览器的地址栏*/
   window.onload=srcTop;
   function srcTop(){
    setTimeout(function() {
        window.scrollTo(0, 1)
    }, 0);
    if(document.documentElement.scrollHeight <= document.documentElement.clientHeight) {
        bodyTag = document.getElementsByTagName('body')[0];
        bodyTag.style.height = document.documentElement.clientWidth / screen.width * screen.height + 'px';
    }
   };
   setInterval("myInterval()",1000);//1000为1秒钟
   function myInterval(){
        $("body").height($(window).height());
   }
   
    //去除空格
    function trimsd(str) {
        return str.replace(/\s/g, "");
    }
   $(function() {
        $('#mou_input').focus(function() {
            window.scrollTo(0,0);
            $('#ser_page').show();
            $('#mou_input2').focus();
            window.ontouchmove = function(e) {
                e.preventDefault && e.preventDefault();
                e.returnValue = false;
                e.stopPropagation && e.stopPropagation();
                return false;
            }
        });
        var titleSearcher = trimsd($("#mou_input").val());
        $('#close_serc').click(function() {
            $('#ser_page').hide();
            window.ontouchmove = function(e) {
                e.preventDefault && e.preventDefault();
                e.returnValue = true;
                e.stopPropagation && e.stopPropagation();
                return true;
            }
        });
        $('#clear_val').click(function() {
            $('#mou_input2').val('');
        });
        $('#clear_all').click(function() {
            var myUrl = '/wap/touch/user.do?m=clearKeys';
            $.ajax({
                url: myUrl,
                success: function(data) {
                    $('.page_content').html("<div id='no_ser'><img src='http://rep3.mmb.cn/wap/upload/touch/newWap/icon/qcno.png'/><br/><span>没有历史搜索记录</span></div>");
                }
            });
        })
    })
    </script>
</head>
<body style="height: 667px;">
    <div class="new_wap_con" style="max-width:100%;">
    
        <div class="page_cons">

            <div class="cons_ser" style="">
                <span name="name" id="mou_input">在线订餐</span>




            </div>

            <a id="close_serc2" href="javascript:void(0)javascript:history.back()"></a>
        </div>
        <div id="ser_page">

 <script type="text/javascript">
    var mmbuidinput = 'so5bhxwt160905153409';
    var ipsinput = '59.172.239.214';
    var lxcPath = 'http://s.mmb.cn/';
</script>
    
  </div>

</div>
        <div class="l_left" id="con_left">
            <!--标题-->
            <ul class="job_sub" id="scroller1" style="transition-timing-function: cubic-bezier(0.1, 0.57, 0.1, 1); transition-duration: 0ms; transform: translate(0px, 0px) translateZ(0px);">

            <li class="off" data-cataid="2"><a href="javascript:void(0)javascript:void(0)">四川菜</a></li>

                <li class="off" data-cataid="3"><a href="javascript:void(0)javascript:void(0)">北京菜</a></li>



            </ul>
        </div>
        <div class="l_right" id="con_right">
            <div class="rightBox" id="scroller" style="transition-timing-function: cubic-bezier(0.1, 0.57, 0.1, 1); transition-duration: 0ms; transform: translate(0px, 0px) translateZ(0px);">
            <!-- 二级  -->



            <div class="fr_ite fr_ite_2" data-cataid="460">
                    <!-- 二级数据显示 -->
                            <!-- 三级显示 -->
                            <ul>
                                    <li>
                                        <a href="javascript:void(0)http://www.mmb.cn/wap/touch/html/filter/id_1290.htm">
                                            <img class="img_lazy" src="image/1.jpg"><br>
                                            <span>四川菜宫保鸡丁</span>
                                        </a>
                                    </li>
                              
                                    </ul> 
               </div>

                <div class="fr_ite fr_ite_3" data-cataid="460">
                    <!-- 二级数据显示 -->
                    <!-- 三级显示 -->
                    <ul>
                        <li>
                            <a href="javascript:void(0)http://www.mmb.cn/wap/touch/html/filter/id_1290.htm">
                                <img class="img_lazy" src="image/1.jpg"><br>
                                <span>宫保鸡丁</span>
                            </a>
                        </li>

                    </ul>
                </div>





            </div>
        </div>

        
         
<script type="text/javascript"> 
     /*创建于2016-06-14*/ 
     var cpro_id = "u2671677";
</script>
<script src="http://cpro.baidustatic.com/cpro/ui/cm.js" type="text/javascript"></script>

</body></html>